<?php
include("include/css.php");
include("include/script.php");
include("facade.php");

$query = new facade();

			echo $_SESSION['type'];
if($_REQUEST['login'] != "")
{
	$query-> Chklogin($_REQUEST['username'],$_REQUEST['password']);
}


?>


<!----------- -->
<link href="css/colorfrog.css" rel="stylesheet" media="screen" />   
<link rel="stylesheet" href="css/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
	
<!--
Use the corresponding body tag for your chosen theme
<body class="blue">
<body class="orange">
<body class="green">
<body class="bw">
-->

<script language="javascript">

	$(function(){ 
	console.log("ok");
		("#error").hide()
	});
	
	function chklogin()
	{
		if($("#uusername").val() != '' && $("#password").val() != '' )
		{
			$("#frmlogin").submit();

		}else{

			$("#error").show();
		}
	}
	
</script>>


	<div class="container">
		<header>
			<img src="img/logo.png"> 
            
            
		</header>
		<div class="col-xs-13">
        <p>Login</p>
				<table>
                	<tr>
                		<form action="#" id="frmlogin" name="frmlogin">
                		<input type="hidden" name="login" id="login" value="1">
                    	<td height="36"><input type="text" placeholder="Email address" class="form-control" name="username" id="username" value="" /></td>
                   	    <td><input type="password" placeholder="Password" class="form-control" name="password" id="password" value="" /></td>
                        <td><button class="btn-small" type="submit" onclick ="chklogin()">Sign in</button></td>
                        </form>
						<div id ="error">กรุณากรอก Username และ Password</div>
                    </tr>
                    
                </table>
					
		</div> <!-- //end span12 -->
		       
		
        
	</div> <!-- //end container -->	
	<div id="wrapper">
       <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <img src="Pic/slide1.jpg" />
                <img src="Pic/slide2.jpg" />
                <img src="Pic/slide3.jpg" />
            </div>
            <div id="htmlcaption" class="nivo-html-caption">
                <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
            </div>
        </div>

    </div>
   
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
	<div class="jumbotron">
		<div class="container">
			
			<h2>REAL TIME MONITORING SYSTEM OF DAM INSTRUMENT</h2>
		</div>
	</div> <!-- //end hero-unit -->
	<div class="clear"></div>
	
	<div class="container content underHero">
    
		<div class="row">
			<div class="col-xs-12">
				<h2 class="subTitle">Dam</h2>
				<hr />
			</div>
            
            <div class="col-sm-8">
				<h2><a href="blog-single.html">HuayMaePhong</a></h2>
				<div class="row">
					<div class="col-sm-6">
						<img src="Pic/HuayMaePhong/WP_20130331_003.jpg" width="300" />
						
					</div> <!-- //end span4 -->
					<div class="col-sm-6">
						<p class="lead">Executing on a consistent theme whilst coming up with templates to suit all can be a tricky task. Luckily Colorfrog has it all covered.</p>
						<a class="btn btn-small" href="blog-single.html">Continue reading</a>
						<!-- this link with an arrow, ala leapfrog -->
					</div> <!-- //end span4 -->					
				</div> <!-- //end row -->
			</div>	<!-- //end span8 -->
            
                      
            
            <div class="col-sm-8">
				<h4><a href="blog-single.html">KiriTharn</a></h4>
				<div class="row">
					<div class="col-sm-6">
						<img src="Pic/KiriTharn/KiriView.jpg" width="300" />
						
					</div> <!-- //end span4 -->
					<div class="col-sm-6">
						<p class="lead">Executing on a consistent theme whilst coming up with templates to suit all can be a tricky task. Luckily Colorfrog has it all covered.</p>
						<a class="btn btn-small" href="blog-single.html">Continue reading</a>
						<!-- this link with an arrow, ala leapfrog -->
					</div> <!-- //end span4 -->					
				</div> <!-- //end row -->
			</div>	<!-- //end span8 -->
            
            <div class="col-sm-8">
				<h2><a href="blog-single.html">MaeMao</a></h2>
				<div class="row">
					<div class="col-sm-6">
						<img src="Pic/MaeMao/DSCN4910_resize.jpg" width="300" />
						
					</div> <!-- //end span4 -->
					<div class="col-sm-6">
						<p class="lead">Executing on a consistent theme whilst coming up with templates to suit all can be a tricky task. Luckily Colorfrog has it all covered.</p>
						<a class="btn btn-small" href="blog-single.html">Continue reading</a>
						<!-- this link with an arrow, ala leapfrog -->
					</div> <!-- //end span4 -->					
				</div> <!-- //end row -->
			</div>	<!-- //end span8 -->
            
            
            <div class="clear"></div>
            
            <div class="col-sm-8">
				<h2><a href="blog-single.html">MaeSab</a></h2>
				<div class="row">
					<div class="col-sm-6">
						<img src="Pic/MaeSab/MaeSab.jpg" width="300" />
						
					</div> <!-- //end span4 -->
					<div class="col-sm-6">
						<p class="lead">Executing on a consistent theme whilst coming up with templates to suit all can be a tricky task. Luckily Colorfrog has it all covered.</p>
						<a class="btn btn-small" href="blog-single.html">Continue reading</a>
						<!-- this link with an arrow, ala leapfrog -->
					</div> <!-- //end span4 -->					
				</div> <!-- //end row -->
			</div>	<!-- //end span8 -->
            
            <div class="col-sm-8">
				<h2><a href="blog-single.html">MaeSaNga</a></h2>
				<div class="row">
					<div class="col-sm-6">
						<img src="Pic/MaeSaNga/MaeSaNgaView.jpg" width="300" height="225" />
						
					</div> <!-- //end span4 -->
					<div class="col-sm-6">
						<p class="lead">Executing on a consistent theme whilst coming up with templates to suit all can be a tricky task. Luckily Colorfrog has it all covered.</p>
						<a class="btn btn-small" href="blog-single.html">Continue reading</a>
						<!-- this link with an arrow, ala leapfrog -->
					</div> <!-- //end span4 -->					
				</div> <!-- //end row -->
			</div>	<!-- //end span8 -->
            
            <div class="col-sm-8">
				<h2><a href="blog-single.html">PraTaw</a></h2>
				<div class="row">
					<div class="col-sm-6">
						<img src="Pic/PraTaw/art_507263.jpg" width="300" />
						
					</div> <!-- //end span4 -->
					<div class="col-sm-6">
						<p class="lead">Executing on a consistent theme whilst coming up with templates to suit all can be a tricky task. Luckily Colorfrog has it all covered.</p>
						<a class="btn btn-small" href="blog-single.html">Continue reading</a>
						<!-- this link with an arrow, ala leapfrog -->
					</div> <!-- //end span4 -->					
				</div> <!-- //end row -->
			</div>	<!-- //end span8 -->
            
		</div> <!-- //end of row -->
		
	
	</div> <!-- //end container -->	
	
		
		<div class="row"><div class="span12"><hr /></div></div>
			
	<footer>
		<div class="container">
			<div class="row">
				<div class="col-sm-6">
					<p>Copyright &copy; 2013 Infratech ASTM CO.,Ltd. All rights reserved. <a href="">Terms</a> &amp; <a href="">Privacy</a>.</p>		
				</div>
				
			</div>
		</div>   <!--//end container -->   
	</footer>

</body>
</html>